<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
	<title>万医</title>
	<link rel="stylesheet" href="../css/itemList.css">
</head>
<body>
	<div class="headerNav blackShow">
		<div class="noBackContent cf">
			<div class="headerLeft">
				<a href="./index.html"><h1></h1></a>
				<ul>
					<li><a href="./knowAboutDNA.html">了解基因</a></li>
					<li><a href="./FAQ.html">FAQ</a></li>
					<li><a href="./buyIndex.html">购买</a></li>
				</ul>
			</div>
			<div class="headerRight">
				<a href="" class="active">激活</a>
				<span class="loginState1">
					<a href="./login.html">登录/</a>
					<a href="./signUp.html">注册</a>	
				</span>
				<span class="loginState2 hide">
					<a href="javascript:" class="logSearch">
						<img src="../images/user/wanyi_default.png">
						<i class="slideButton"></i>
					</a>
					<ul class="dropMenu">
						<li><a class="firstNav" href="./personalData.html">基因</a></li>
						<li><a class="secondNav" href="./order.html">订单</a></li>
						<li><a class="thirdNav" href="./set.html">设置</a></li>
						<li><a class="fourthNav" href="javascript:">注销</a></li>
					</ul>
				</span>
			</div>
		</div>
	</div>

<div class="itemListPage">
     <div class="bigImgShow">
	<img src="../images/wanyi_62.jpg">
	<span class="description noBackContent rightLocation">
		<h2>万医个人基因组检测服务</h2>
		<p>包括健康风险、性状与指标、运动与营养<br>一次性了解超过100种项目</p>
	</span>
</div>
<div class="blank70"></div>
<div class="introduce noBackContent">
	<p>2015年，万医重新定义基因检测，推出中国首款千元以内个人基因组检测服务。一次检测你的全部20000个基因，710000个位点，数据准确率超过99.9%。</p>		
</div>
<div class="blank99"></div>
<div class="itemList noBackContent">
	<div class="pageHead">
		<em>健康风险</em>
	</div>
	<ul class="itemlistShow1">
	</ul>
	<div class="blank28"></div>
	<div class="pageHead">
		<em>性状与指标</em>
	</div>
	<ul class="itemlistShow2">
	</ul>
	<div class="blank28"></div>
	<div class="pageHead">
		<em>运动与营养</em>
	</div>
	<ul class="itemlistShow3">
	</ul>
</div>
</div>
<div class="blank62"></div>
<div class="footer">
	<div class="noBackContent">
		<div class="footLeft">
			<ul class="footNav cf">
				<li class="fisrtNav"><a href="./aboutWanyi.html">关于万医</a></li>
				<li><a href="./contactUs.html">联系我们</a></li>
				<li><a href="./join.html">加入万医团队</a></li>
				<li><a href="">隐私政策</a></li>
				<li class="lastNav"><a href="">用户协议</a></li>
			</ul>
			<ul class="copyRight cf">
				<li>© 2014 万医 All rights reserved</li>
				<li>浙ICP备14019399</li>
				<li>网站所有内容非医疗诊断，仅用于健康信息与健康教育</li>
			</ul>
		</div>
		<div class="footRight">
			<img src="../images/wanyi_31.png">
		</div>
		<a class="scroolTop"></a>
	</div>
</div>
<script type="text/template" id="template1">
	<%_.each(_.keys(itemList),function(item){
		if(item.toString()=="性状"||item.toString()=="运动"||item.toString()=="营养"||item.toString()=="指标") return true;%>
	<li class="navItem itemSlide">
		<div class="itemDetail">
			<a class="navigation1 itemNav">
				<em><%=item%></em>
				<span class="rightShow">
					<i><%=_.keys(itemList[item]).length%>项</i>
					<i class="navAnimate"></i>
				</span>
			</a>
			<ul class='secondNav'>
				<%_.each(itemList[item], function(detail){%>
				<li class='navItem2'><i class="itemIcon"></i><%=detail%></li>
				<%});%>					
			</ul>
		</div>
	</li>
	<%});%>	
</script>
<script type="text/template" id="template2">
	<%_.each(arrShow,function(item){%>
	<li class="navItem itemSlide">
		<div class="itemDetail">
			<a class="navigation1 itemNav">
				<em><%=item%></em>
				<span class="rightShow">
					<i><%=_.keys(itemList[item]).length%>项</i>
					<i class="navAnimate"></i>
				</span>
			</a>
			<ul class='secondNav'>
				<%_.each(itemList[item], function(detail){%>
				<li class='navItem2'><i class="itemIcon"></i><%=detail%></li>
				<%});%>					
			</ul>
		</div>
	</li>
	<%});%>	
</script>
 <script type="text/javascript" src="../lib/_list.js"></script>
 <script type="text/javascript" src="../lib/jquery.js"></script>
 <script type="text/javascript" src="../lib/_underscore.js"></script>
 <script type="text/javascript">
	function backShow(){
	    var backX=parseInt($(window).width());
	    var backY=parseInt($(window).height());
	    $('.listPage1').css({
	    	'background-size':backX+"px "+backY+"px",
			'height':backY+"px"});
	}
    backShow();
    $(window).resize(function(){
    	backShow();
    })
 	var tempHtml1 = _.template($("#template1").html())(itemList);
 	$(".itemList .itemlistShow1").html(tempHtml1);
	var arrShow=["性状","指标"];
	var tempHtml2 = _.template($("#template2").html())(arrShow);
	$(".itemList .itemlistShow2").html(tempHtml2);
	arrShow=["运动","营养"];
	tempHtml3 = _.template($("#template2").html())(arrShow);
	$(".itemList .itemlistShow3").html(tempHtml3);
 </script>
<script src='../lib/_require.js' data-main='../js/itemList.js'></script>
</body>
</html>